<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo1</title>
    <style>
        * {
            margin: 0;
        }
    </style>

</head>
<body>
<div>
    <h1>前段组成的部分</h1>
    <br>
    <ul>
        <li><font color="red">HTML - 结构层</font></li>
        <li><font color="green">CSS - 层叠样式</font></li>
        <li><font color="yellow">JavaScript - 行为交互层</font></li>
    </ul>
    <br>
    <h3>HTML</h3>
    <p>是一种超文本标记语言，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言，是网页制作所必备的。</p>
    <br>
    <h3>CSS</h3>
    <p>
        CSS英文全称为 Cascading Style Sheet，几个单词拆开翻译，Cascading 有大量的意思，Style 有风格样式的意思，Sheets
        有表格的意思，<em>
        <ins>整合在一起中文泽为“层要样式表”</ins>
    </em>。
    </p>
    <br>
    <h3>JavaScript</h3>
    <p>
        JavaScript <strong>(简称“JS”)</strong> 是一种具有函数优先的轻量级，解释型或即时编泽型的编程语言。虽然它是作为开发
        Web 页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript
        基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。<sup>[1]</sup>
    </p>
</div>
</body>
</html>